/* common */
body{overflow-x:hidden;}
/* trans */
.bg_white{background:#fff;}
.fb{font-weight:bold}
.transy{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.transy:hover{transform:translateY(-5px)}
.pic,.bimg{overflow:hidden}
.biao img,.pic img{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;cursor:pointer}
.pic img,.bimg img{width:100%;height:100%;display:block}
.biao:hover img{transform:scale(1.09)!important}
.pic:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
.bimg2 img,.bimg2{display:inline-block;height:auto;}
.bimg img,.bimg2 img{transition:all 2.6s ease-in 0s;}
.bimg:hover img,.bimg2:hover img{transform:scale(1.09)!important}
.pimg{height:100%;width:100%;transition:all 2.6s ease-in 0s;background-size:cover;background-position:center;}
.pimg:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
/*字体*/
@font-face { font-family: 'MiSans'; src: url("../fonts/MiSans-Regular.ttf"); }
@font-face { font-family: 'MiSansM'; src: url("../fonts/MiSans-Medium.ttf"); }
@font-face { font-family: 'mib'; src: url("../fonts/MiSans-Demibold.ttf"); } 
@font-face { font-family: 'misb'; src: url("../fonts/MiSans-Semibold.ttf"); } 
.fb,.mib{font-family: 'mib';} 
.mism{font-family: 'MiSansM';} 
.misb{font-family: 'misb';} 
/*网站默认滚动条的样式*/
::-webkit-scrollbar {width:5px;height:5px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb {background:#333;}
::-webkit-scrollbar-thumb:window-inactive {background:#333;}
::-webkit-scrollbar-thumb:vertical:hover {background:#333;}

/* pc头部 */
header{width: 100%;position: fixed;top:0;left:0;z-index: 66666;transition: all .3s;background:#fff;border-bottom:1px solid #eee;}
header .wp{border-bottom:1px solid rgba(255,255,255,0.2);}
header.tm{background-color: transparent;}
header .wp{ display: flex;justify-content: space-between;align-items: center;}
header .logo{width:10.7vw;max-width:206px;}
header .logo img{max-width: 100%;}
header .logo2{display: none;}
header .nav{display: flex;align-items: center;justify-content: space-between;}

header .nav ul li{height: 100px;line-height: 100px;position: relative;transition: all 0.3s;margin-right:45px;}
header .nav ul li:last-child{margin-right: 0;}
header .nav ul li a{display: block;color: #333;font-family: 'MiSansM';}
header .nav ul li a::after{content:"";width: 0;height:2px;background: #E60012;border-radius: 3px;position: absolute;left:50%;transform: translateX(-50%);bottom:25px;transition:all ease .3s}
header .nav ul li:hover a,header .nav ul li.active a{color:#E50112!important}
header .nav ul li:hover a::after,header .nav ul li.active a::after{width:48px;}
header .nav ul li .down{position: absolute;width:200px;left:50%;transform: translateX(-50%);top:100px; display: none;text-align: left;background:#fff;box-shadow: 0 5px 10px rgba(0,0,0,.115)!important;}
header .nav ul li .down  p{padding: 0 16px;background:#fff;border-bottom:1px solid #F6F6F6;}
header .nav ul li .down a{display: block;font-size: 14px;color: #333!important;position: relative;line-height:36px;transition: background-color .4s, color .4s;font-family: 'MiSans';padding:0 10px;}
header .nav ul li .down a::after{content:"";display:none;}
header .nav ul li .down a:hover {color: #E50112!important;background:#F6F6F6;}
header .nav ul li .down a::before{content:"";width: 0;height:2px;background: #E60012;border-radius: 3px;position: absolute;left:0;bottom:0;transition:all ease .3s}
header .nav ul li .down a:hover:before{width:100%;}
header .nav ul li .dd{position:relative}
header .nav ul li .dd .down2{position: absolute;width:280px;left:200px;display: none;text-align:left;top:0;max-height:450px;overflow-y:auto;background:rgba(255,255,255,.9);z-index:2}
header .nav ul li .dd .down2 p{padding:0;}
header .nav ul li .dd .down2 p a{padding:0 15px}
header .nav ul li .dd:hover .down2{display:block;}
header .nav .lang{position: relative;margin-left:30px;transition: all .3s;padding-right:15px;}
header .nav .lang i{color:#fff;font-size:22px;}
header .nav .lang a{color: #333;font-size: 14px;transition: all .3s;}
header .nav .lang:hover a{color:#E50112;}
header .nav .lang a i{margin-right:12px;}
header .nav .lang .down{position: absolute;width: 100px;left:46%;transform: translateX(-65%);top:50px;display: none;text-align: center;}
header .nav .lang .down a{display: block;font-size: 14px;padding: 0 16px;color: #333;background-color:rgba(255,255,255,.5);position: relative;line-height: 40px;transition: background-color .4s, color .4s;}
header .nav .lang .down a::before {content: "";display: block;width: 100%;height: 1px;background-color: #f6f6f6;}
header .nav .lang .down a:hover{background:#F6F6F6;color: #333;}
.mlang{display:none;}
header.ny{border-bottom: 1px solid #E2E2E2;}
header .m_nav,header .m_nav.show{display: none!important;}
header .share{margin:0 30px 0 60px;}
header .share a{margin:0 8px;position: relative;}
header .share a .qrcode{width:150px;height:150px;background:#fff;padding:5px;position: absolute;
left:0;top:30px;z-index: 1;border:1px solid #eee;display:none;}
header .share a:hover .qrcode{display:block;}
header .share a .qrcode img{width:100%}
header .share a i{font-size:24px;color:rgba(102, 102, 102,.4)}
header .share a i.icon-weixin{font-size:28px;}
header .share a i.icon-facebook{font-size:22px;}
header .share a:hover i{color:#333;}
header .switch{text-align:center;font-size:12px;}
header .switch a{width:26px;background:#fff;border:1px solid #D2D2D2;color:#333;height:26px;line-height:24px;}
header .switch a.on{background:#E60012;color:#fff;border-color:#E60012;}
.lightbox,.lightbox2{background:rgba(0,0,0,.8);position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;display:none;}
.lightbox2{z-index:88888}
.tkg{height:100px;}
.scrollto{padding-top:100px;margin-top:-100px;}
.bgff{background:#fff}

header.fix .nav ul li{height:75px;line-height:75px;}
header.fix .nav ul li .down{top:75px}
header.fix .nav ul li a::after{bottom:15px}
/* footer */

.footer_wrap{border-top:4px solid #e60012;background: #fafafa;}
.footer_wrap .ft1{padding-bottom:22px;border-bottom:1px solid rgba(191,191,191,0.2)}
.footer_wrap .ft1 .logo{width:10.7vw;max-width:206px;}
.footer_wrap .ft1 .logo img{max-width: 100%;}
.footer_wrap .ft1 .search{width:100%;max-width:526px;border:1px solid #d2d2d2;background:#fff;overflow:hidden;height:52px;line-height:52px}
.footer_wrap .ft1 .search input{flex:1;outline:0;height:52px;line-height:52px;padding:0 15px;border:0;font-size:inherit}
.footer_wrap .ft1 .search button{width:78px;flex-shrink:0;text-align:center;border:0;background:#D2D2D2;height:54px;line-height:54px;font-size:18px;outline:0;border:0}
.footer_wrap .ft1 .search button:hover{background:rgba(210,210,210,0.88)}
.footer_wrap .ft2 li .item{max-width:280px}
.footer_wrap .ft2 li .item .tit{margin-bottom:20px}
.footer_wrap .ft2 li .item .cont .dd{height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer_wrap .ft2 li .item .cont .dd a{color:#333}
.footer_wrap .ft2 li .item .cont .dd:hover a{color:#333}
.footer_wrap .copyright{padding:20px 0;border-top:1px solid rgba(191,191,191,0.2)}

@media screen and (max-width:1620px) {
header .nav ul li{margin-right:35px;}
header .nav{font-size:16px}
.tkg{height:75px;}
header .nav ul li{height:75px;line-height:75px;}
header .nav ul li .down{top:75px}
header .nav ul li.active a::after{bottom:15px}
}
@media screen and (max-width:1320px) {
header .nav ul{margin-right:10px;}
header .nav ul li{margin-right:20px;}
header .nav{font-size:16px}
}
@media screen and (max-width:1220px) {
header .nav ul li{margin-right:15px;}
header .nav{font-size:14px}
header .share a{margin:0 5px;}
}
@media screen and (max-width:1120px) {
header .nav ul{margin-right:20px;}
header .share{display:none!important;}
}

@media (max-width:980px) {
img{max-width:100%;height:auto;}
.tkg{height:50px;}
.scrollto{padding-top:50px;margin-top:-50px;}
header .switch{margin-right:45px;}
header .wp{padding:8px 15px;}
header .nav ul,header .nav .lang,header .nav .user,header .nav .ser{display: none;}
header .logo{width: 100px;margin-top:2px;}
header .logo img{max-width: 100%;}
header .btn{display: block;position: absolute;right:15px;cursor: pointer;height:26px;margin-top:10px;}
header .btn.hide{opacity: 0;}
header .btn span{display: block;width: 24px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;}
header .btn span:nth-child(1){transform: translate(0,0);}
header .btn span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn span:nth-child(3){transform: translate(0,16px);}
header .btn:hover span:nth-child(1){transform: translate(0,0px);}
header .btn:hover span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn:hover span:nth-child(3){transform: translate(0,16px);}
header .m_nav{display: block!important;position: absolute;left: 110%;top: 0; width: 72vw;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.08);height: 100vh;transition: all 0.5s ease-out;}
header .m_nav.show{left:28vw;display: block!important;}
header .m_nav .close{position: absolute;top: 16px;right:15px; width:25px;height:25px;background: url(../img/h_out.png)no-repeat center;background-size: 100% 100%;z-index: 10;}
/* menu */
.m_center{padding: 80px 5px 30px 16px;text-align: left;}
.m_center .li{border-bottom:1px solid #eee;}
.m_center .li>a{font-size: 15px;line-height:45px;position: relative;color: #333;}
.m_center .li>a.on{color:#E50112;}
.m_center .li.on>a{color: #E50112;}
.m_center .li.on>a:after{background-color: #E50112;}
.m_center .li ul{text-indent:1em;display: none;padding:10px 0 3px 0;}
.m_center .li .v3{text-indent:1em}
.m_center .li ul a{line-height: 32px;font-size: 14px;display: block;border-bottom:1px solid #eee;}
.m_center .li ul li:last-child a{border-bottom:0;}
.m_center .li ul a:hover{color: #E50112;}
.m_center .li{position: relative;}
.m_center .li:after{content: "";position: absolute;top:0;right:5px;width: 30px;height: 45px;background: url(../img/pr_jt.png)no-repeat center;transition: all 0.3s;cursor: pointer;}
.m_center .li.on:after{transform: rotate(90deg);}
header.on{height: auto;}
.m_center .right{display: flex;align-items: center;}
.m_center .right .solid{width: 1px;height: 20px;background-color: #333333;margin-right: 10px;}
.m_center .right a{display: flex;justify-content: center;align-items: center; margin-right: 10px;}
.m_center .right a img{width: 13px;}
/* footer */
.footer_wrap{border-top-width:2px;}
.footer_wrap .ft1{padding:18px 0}
.footer_wrap .ft1 .logo{display:none;}
.footer_wrap .ft1 .search{margin-top:0;height:40px;line-height:40px;}
.footer_wrap .ft1 .search input{height:40px;line-height:40px;font-size:12px}
.footer_wrap .ft1 .search button{height:40px;line-height:40px;}
.footer_wrap .ft2{padding:0;margin-bottom:10px;}
.footer_wrap .ft2 li{width:100%;border-bottom:1px solid #eee;padding:10px 0;}
.footer_wrap .ft2 li .item{max-width:100%;}
.footer_wrap .ft2 li .item .tit{margin-bottom:0;position: relative;font-weight: normal;}
.footer_wrap .ft2 li .item .tit::after{content:"\e612";font-family:'iconfont';position: absolute;right:0;top:50%;transform: translateY(-50%);font-size:12px;color:#333;}
.footer_wrap .ft2 li .item .tit.on::after{transform: rotate(90deg);right:2px;}
.footer_wrap .ft2 li .cont{display:none;}
.footer_wrap .ft2 li:last-child{border-bottom:0;}
.footer_wrap .copyright{text-align:center;font-size:12px;padding:12px 0;}
.footer_wrap .copyright .fl{margin-bottom:5px;}
.footer_wrap .copyright .grid{justify-content:center;}
}
.agreement{position:fixed;bottom:0;padding:20px 0;text-align:center;width:100%;left:0;background:#FFFFFF;
box-shadow: 0px 0px 40px 0px rgba(49,49,49,0.2);z-index:99999;display:none}
.agreement .xy1{margin-bottom:15px;}
.agreement .xy1 a{color:#E60012;border-bottom:1px solid #E60012;cursor:pointer;}
.agreement .xy2 a{height: 37px;border: 1px solid #C9C9C9;border-radius: 5px;padding:0 16px;color:#333;line-height:37px;margin:0 10px;cursor:pointer;}
.agreement .xy2 a:hover{background:#E60012;color:#fff;border-color:#E60012}

.layImg{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:222;width:96%;max-width:1200px;display:none}
.layImg .close{position:absolute;right:-35px;top:-35px;z-index:2;cursor:pointer}
@media (max-width:980px){
.layImg .close{right:-15px;top:-15px;}
.layImg .close img{width:30px;height:30px;}
}